<template>
  <div> 
    <mt-header fixed title="团体赛报名">
      <mt-button icon="back" @click='$router.back(-1)' slot="left"></mt-button>
    </mt-header>
    <div style="height:40px;"></div>   
    <div class="top-title"><i class="gray">比赛名称: </i>2019长沙岳麓区第N届羽毛球邀请赛</div>
    <div class="top-title"><i class="gray">比赛组别：</i>青年组 - 20至30岁</div>  
    <step current=2 :stepArr="stepArr"></step>
    <div>
      <div class="cf m10"><span class="fl f16 fwb mt5">队伍信息</span></div> 
      <div class="my-field">
        <div class="my-field-item">
          <span class="my-field-item-l tr mr20">队伍名称</span>
          <div class="my-field-item-r" >
            <input type="text" name="" class="f16" placeholder="请输入队伍名称" value="" v-model="obj.teamName">
          </div> 
        </div> 
        <div class="f14 gray p20 pt5 pb10">参赛队的名称格式为：“俱乐部名称+队伍名称”，此处只需填写队名，如：“一队”、“二队” </div> 
      </div>
      <div class="my-field">
        <div class="my-field-item">
          <span class="my-field-item-l tr mr20"><i class="red">*</i> 领队姓名</span>
          <div class="my-field-item-r" >
            <input type="text" name="" class="f16" placeholder="请输入领队姓名" value="" v-model="obj.leaderName">
          </div> 
        </div>
        <div class="my-field-item">
          <span class="my-field-item-l tr mr20"><i class="red">*</i> 领队电话</span>
          <div class="my-field-item-r" >
            <input type="text" name="" class="f16" placeholder="请输入领队电话" value="" v-model="obj.leaderMobile">
          </div> 
        </div>
        <div class="my-field-item">
          <span class="my-field-item-l tr mr20">教练姓名</span>
          <div class="my-field-item-r" >
            <input type="text" name="" class="f16" placeholder="请输入教练姓名" value="" v-model="obj.coachName">
          </div> 
        </div>
        <div class="my-field-item">
          <span class="my-field-item-l tr mr20">教练电话</span>
          <div class="my-field-item-r" >
            <input type="text" name="" class="f16" placeholder="请输入教练电话" value="" v-model="obj.coachMpbile">
          </div> 
        </div>
      </div>

      <div style="display: flex; margin: 10px;">       
          <mt-button style="flex:1;" class="mr10" @click='$router.push("/enroll/group/step1")' plain type="primary">上一步</mt-button>
          <mt-button style="flex:1;" @click='$router.push("/enroll/group/step3")'  type="primary">下一步</mt-button>
        </div>
      </div> 
      <div ref="block-bottom"></div>
    </div>
  </div>
</template>

<script>
import step from '@/components/step'
import popupAge from '@/components/popupAge'
import popupRadio from '@/components/popupRadio'
export default {
  components:{
    step,popupAge,popupRadio
  },
  data () {
    return {
      stepArr:['选择俱乐部','队伍信息','选择队员','报名预览','支付完成'],  
      obj:{}
    }
  },
  mounted(){
    
  },
  methods:{
    addMember(){
      this.list.push({});
    },
    removeMember(i){
      this.list.splice(i,1);
    }
  }
}
</script>
